<template>
  <view class="styleGuideHall">
    <!-- <toast></toast> -->
    <!-- <u-navbar title="财务中心" :bgColor="navbarClass.titleBgColor" @leftClick="backHome" :placeholder="true"> </u-navbar> -->
    <image class="image1" src="../../static/image/affairHall1.png" mode="" />
    <view class="tabList">
      <image class="image2" @click="gotoJump('/pageContent/affair/managementOffice', 27)" src="../../static/image/affairHall2.png" mode="" />
      <image class="image2" @click="gotoJump('/pageContent/affair/vllageCommunity', 28)" src="../../static/image/affairHall3.png" mode="" />
      <image class="image2" @click="gotoJump('/pageContent/affair/report')" src="../../static/image/affairHall4.png" mode="" />
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  },
  onLoad() {},
  methods: {
    gotoJump(url, id) {
      uni.navigateTo({
        url: `${url}?id=${id}`,
      })
    },
  },
}
</script>

<style lang="scss" scoped>
.styleGuideHall {
  background: #fff;
  min-height: 100vh;
  .image1 {
    width: 100%;
    height: 202rpx;
  }
  .tabList {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 24rpx 32rpx 10rpx;
    .image2 {
      width: 100%;
      height: 160rpx;
      margin-bottom: 32rpx;
    }
  }
}
</style>
